<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css?version=1.2.8">
    <link rel="stylesheet" href="./css/01/01.css?version=1.2.8">
    <link rel="stylesheet" href="./css/fixed-table.css?version=1.2.8" />
    <script src="./js/jquery-2.2.4.min.js?version=1.2.8"></script>
    <script src="./js/echarts3.8.5_min.js?version=1.2.8"></script>
    <script src="./js/fastclick.js?version=1.2.8"></script>
    <script src="./js/iscroll-probe.min.js"></script>
</head>

<body>
    <div class="c-content" id="contentindex">
        <!--********************************* top model*********************************** -->
        <div class="top-model" id="top-model">
            <div class="top-content clearfix">
                <div class="topLeft fl"></div>
                <div class="topright fl">
                    <div class="top-more">>>>>></div>
                    <div class="top-message">
                        <span class="titlep"></span>
                        <div>
                        </div>
                        <div class="system">
                            <a class="goback-syz bg-color-bg" onclick="bzApi.close()">
                                <img src="./img/system/main.png" alt="">
                            </a>
                            <a class="goback-sys bg-color-bg">
                                <img src="./img/system/change.png" alt="">
                            </a>
                            <a class="gonext-sys bg-color-bg">
                                <img src="./img/system/setting.png" alt="">
                            </a>
                            <div class="truemodel">
                                <div class="truelists">选择模板</div>
                                <div class="changekh">修改口号</div>
                                <div class="jgsj">间隔时间</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mid-model">
                <div class="mid-left">
                    <div class="m-c-t">
                        <a class="m-item" style="display:block" onclick="changetogo(1)">
                            <div class="classIntru bg-color-bg">班组简介<img src="./img/01/3.png"></div>
                            <div class="m-q-q bg-color-border">
                                <div class="m-i-i">
                                    <textarea readonly class="bg-color-font textareaW">
                                 </textarea>
                                    <div class="m-job" id="m-job">
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a class="m-m-a" style="display:block" onclick="changetogo(4)">
                            <div class="classIntru bg-color-bg">班组成员<img src="./img/01/3.png"></div>
                            <div class="m-m-person bg-color-border" id="peopleQ">
                            </div>
                        </a>
                    </div>
                    <!--*************************************班务公开*********************************-->
                    <a class="class-public" style="display:block">
                        <!-- href="./detail/detail1.html?number=3" -->
                        <div class="class-title">
                            <div class="c-c-p bg-color-bg">班务公开<img src="./img/01/3.png"></div>
                            <div class="c-c-rw bg-color-borders">
                                <!-- <div class="c-list bg-color-bg bg-color-font">月度工作任务</div> -->
                                <div class="c-list bg-color-font bg-color-bg" id="select-1">考勤表</div>
                                <div class="c-list bg-color-font" id="select-2">值班表</div>
                                <div class="c-list  bg-color-font" id="select-3">月度绩效考核</div>
                            </div>
                        </div>

                        <div class="c-list-node active" id="select-4">
                            <div class="c-kaoq" id="kaoqin">
                            </div>
                            <div class="c-c-table" id="morework">

                            </div>
                        </div>
                        <div class="c-list-node" id="select-5">
                            <div class="c-kaoq" id="zhiban">
                            </div>
                            <div class="c-c-table" style="overflow: hidden">
                                <table id="newtable">
                                </table>
                            </div>
                        </div>
                        <div class="c-list-node" id="select-6">
                            <div class="c-kaoq qqqqq">
                                <!-- 月度绩效考核 -->
                                <span id="newDate">
                                </span>
                            </div>
                            <div class="c-c-table" style="overflow: hidden" id="charts">
                                <div class="data-table">
                                    <div class="t_l">
                                        <table id="new-meassage">
                                            <!-- <tbody>
                                            <tr>
                                                <th>姓名</th>
                                            </tr>
                                        </tbody> -->
                                        </table>
                                        <div class="t_l_freeze">
                                            <table id="table-end">

                                            </table>
                                        </div>
                                    </div>
                                    <div class="t_r">
                                        <div class="t_r_t">
                                            <table>
                                                <tbody id="table-top">
                                                    <!-- <tr>
                                                <th>1</th>
                                                <th>2</th>
                                                <th>3</th>
                                                <th>4</th>
                                                <th>5</th>
                                                <th>6</th>
                                                <th>7</th>
                                                <th>8</th>
                                                <th>9</th>
                                            </tr> -->
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="t_r_content">
                                            <table>
                                                <tbody id="tob-content">

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div id="warning"
                                    style="color:#c85038;display:none;text-align: center;padding-top: 167px;">
                                    温馨提示，您还没有上报绩效</div>

                            </div>
                        </div>
                    </a>
                </div>
                <div class="mid-right ">
                    <!--*******************************title************************************-->
                    <div>
                        <div class="classIntru bg-color-bg classroller "><img src="./img/01/3.png">班组荣誉、愿景、风采剪影</div>
                    </div>
                    <div class="bg-color-border c-r-photo">
                        <a class="c-honer" onclick="changetogo(2)">
                            <!-- <div class="item-hover">
                            <img src="./img/honner/honour1.png" alt="">
                        </div>
                        <div class="item-hover">
                            <img src="./img/honner/honour7.jpg" alt="">
                        </div>
                        <div class="item-hover">
                            <img src="./img/honner/honour6.jpg" alt="">
                        </div> -->
                        </a>
                        <div class="c-img-croper" onclick="changetogo(3)">
                            <!-- <div class="c-c-left">
                            <img src="./img/demeanour/mg12.jpg" alt="">
                        </div>
                        <div class="c-c-mid">
                            <img src="./img/demeanour/mg12.jpg" alt="">
                            <img class="newimg" src="./img/demeanour/mg13.png" alt="">
                        </div>
                        <a class="c-c-right" onclick="changetogo(3)">
                            <img src="./img/01/5.jpg" alt="">
                        </a>  -->
                        </div>
                        <div class="newtitle bg-color-bg">
                            <span class="new-before"></span> 班组愿景<span class="new-after"></span>
                        </div>
                        <a class="classhopeN" onclick="changetogo(5)">
                            <textarea class="textareay" id="classhope" readonly>
                        </textarea>
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <!-- 个性化弹窗 -->
        <div class="diago" style="display: none;">
            <div class="diado-content diago-active">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">个性化设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="model-content">
                    <div class="model-list">
                        <ul class="clearfix">
                            <li class="active">
                                <div class="modelDiv">
                                    <p>模板一</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板二</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板三</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板四</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                            <li>
                                <div class="modelDiv">
                                    <p>模板五</p>
                                    <span class="modelSpan"></span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="totrue">确定</div>
                    <div class="cancel">取消</div>
                </div>
                <div class="choose">

                </div>
            </div>
        </div>
        <!--********************************* top templete*********************************** -->
        <!--<div class="edit">
        <button id="btn">111</button>
        <textarea id="index0">

        </textarea>
        <textarea class="a-c-c" id="a-c-c">
                设备维护部电气二次班组成立于2013年,是由电气保护、电测仪表、运动、高压
        </textarea> 
    </div>-->
        <div class="diagoT">
            <div class="diago-content">
                <div class="diago-title bg-color-bg">
                    <div class="diago-left">口号设置</div>
                    <div class="diago-close"></div>
                </div>
                <div class="cont-diago">
                    <input type="text" id="cont-value">
                </div>
                <div class="diago-bottom">
                    <div class="btn">确定</div>
                    <div class="cancelbtn">取消</div>
                </div>
            </div>
        </div>
        <!-- 间隔修改弹窗 -->
        <div class="diagoTime">
            <div class="diago-content" style="width:600px;">
                <div class="diago-title bg-color-bg" style="width:600px;">
                    <div class="diago-left">间隔修改</div>
                    <div class="diago-close"></div>
                </div>
                <div class="cont-diagoTime">
                    <div class="itemt">
                        3s
                    </div>
                    <div class="itemt">
                        5s
                    </div>
                    <div class="itemt">
                        10s
                    </div>
                    <div class="itemt">
                        20s
                    </div>
                </div>
                <div class="diago-bottom">
                    <div class="btnTime">确定</div>
                    <div class="cancelbtn">取消</div>
                </div>
            </div>
        </div>
        <script src="./js/config.js?version=1.2.8"></script>
        <script>
            var modulenumber = localStorage.module;
            var jpathurls = '?userId=' + userId + "&bzId=" + bzId + "&regDeptId=" + regDeptId;
            if (modulenumber == 2) {
                location.href = "./index2.html" + jpathurls
            } else if (modulenumber == 3) {
                location.href = "./index3.html" + jpathurls
            } else if (modulenumber == 4) {
                location.href = "./index4.html" + jpathurls
            } else if (modulenumber == 5) {
                location.href = "./index5.html" + jpathurls
            }
            
        </script>
        <script>
            var _LoadingHtml =
                '<div id="loadingDiv" style="position:absolute;top:0;left:0;height:calc(100% + 160px);width:100%;background: #e6907f;z-index:999">' +
                '<div class="loading loadingT"><span></span><span></span><span></span><span></span><span></span></div>' +
                '<div class="load-o">加载中...</div>' +
                '<div>';
            //呈现loading效果
            document.write(_LoadingHtml);
            //*******************************模拟数据***************************************//
            $(".bgcolor").css('backgroundColor', '#e84921');
            $("#btn").click(
                function () {
                    var x = $("#index0").val();
                    $('#a-c-c').html(x);
                }
            )
            $('.c-list').click(
                function (index) {
                    $('.c-list').removeClass('bg-color-bg');
                    $('.c-list-node').removeClass('active');
                    $('.c-list-node').eq($(this).index()).addClass('active');
                    $(this).addClass('bg-color-bg');
                }
            )
            $(".gonext-sys").click(
                function () {
                    if ($(".truemodel").css("display") == "block") {
                        $(".truemodel").css("display", "none");
                    } else {
                        $(".truemodel").css("display", "block");
                    }
                }
            )
            $(".truelists").click(
                function () {
                    $(".diago").css("display", "block");
                }
            )
            var numT = 0;
            $('.model-list ul li').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                numT = $(this).index();
            })

            var jpathurl = '?userId=' + userId + "&bzId=" + bzId + "&regDeptId=" + regDeptId;
            $(".totrue").click(
                function () {
                    $(".diago").css("display", "none");
                    if (numT == 0) {
                        location.href = "./index.html" + jpathurl
                        localStorage.setItem("module", 1)
                    } else if (numT == 1) {
                        location.href = "./index2.html" + jpathurl
                        localStorage.setItem("module", 2)
                    } else if (numT == 2) {
                        location.href = "./index3.html" + jpathurl
                        localStorage.setItem("module", 3)
                    } else if (numT == 3) {
                        location.href = "./index4.html" + jpathurl
                        localStorage.setItem("module", 4)
                    }else if (numT == 4) {
                        location.href = "./index5.html" + jpathurl
                        localStorage.setItem("module", 5)
                    }
                }
            )
            $(".goback-sys").click(
                function () {
                    location.href = "./index5.html" + jpathurl
                    localStorage.setItem("module", 5)
                }
            )

            $(".diago-close").click(
                function () {
                    $(".diagoT").css("display", "none");
                    $(".diago").css("display", "none");
                    $(".diagoTime").css("display", "none");
                    $(".truemodel").css("display", "none");
                }
            )
            $(".jgsj").click(
                function () {
                    if (timeSet == 3000) {
                        $(".itemt").removeClass("active");
                        $(".itemt").eq(0).addClass("active");
                    } else if (timeSet == 5000) {
                        $(".itemt").removeClass("active");
                        $(".itemt").eq(1).addClass("active");
                    } else if (timeSet == 10000) {
                        $(".itemt").removeClass("active");
                        $(".itemt").eq(2).addClass("active");
                    } else if (timeSet == 20000) {
                        $(".itemt").removeClass("active");
                        $(".itemt").eq(3).addClass("active");
                    }
                    $(".diagoTime").css("display", "block");
                }
            )
            $(".cancel").click(
                function () {
                    $(".diago").css("display", "none");
                    $(".truemodel").css("display", "none");
                    $(".diagoTime").css("display", "none");
                }
            )
            $(".changekh").click(
                function () {
                    $(".diagoT").css("display", "block");
                    $("#cont-value").val($(".titlep").text());
                    console.log($(".titlep").text())
                }
            )
            $(".btn").click(
                function () {
                    kouhao();
                    $(".diagoT").css("display", "none");
                    $(".truemodel").css("display", "none");
                }
            )
            $(".cancelbtn").click(
                function () {
                    $(".diagoT").css("display", "none");
                    $(".truemodel").css("display", "none");
                    $(".diagoTime").css("display", "none");
                }
            )
            var timeSet = 10000;
            if (localStorage.getItem('timeSet')) {
                timeSet = localStorage.getItem('timeSet');
            }
            $(".itemt").click(
                function (index) {
                    var index = $(this).index();
                    $(".itemt").removeClass('active');
                    $(this).addClass("active");
                    if (index == 0) {
                        timeSet = 3000;
                    } else if (index == 1) {
                        timeSet = 5000;
                    } else if (index == 2) {
                        timeSet = 10000;
                    } else if (index == 3) {
                        timeSet = 20000;
                    }
                }
            )
            $(".btnTime").click(
                function () {
                    $(".diagoTime").css("display", "none");
                    $(".truemodel").css("display", "none");
                    localStorage.setItem('timeSet', timeSet);
                }
            )



            //编辑口号
            function kouhao() {
                var summaryList = $("#cont-value").val();
                var SaveWallInfo = new FormData();
                var saveParams = {
                    userId: userId,
                    data: {
                        bzId: bzId,
                        slogan: summaryList,
                        savetype: "slogan"
                    }
                }
                SaveWallInfo.append(
                    'json', JSON.stringify(saveParams)
                )
                $.ajax({
                    url: baseUrl + 'api/Culture/SaveWallInfo',
                    data: SaveWallInfo,
                    type: "POST",
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        console.log(data);
                        location.href = "./index.html" + jpathurl
                        // location.href="./detail1.html?number=2"
                    }
                })
            }

            function changetogo(index) {
                location.href = "./detail/detail1.html?number=" + index + '&userId=' + userId + "&bzId=" + bzId +
                    "&regDeptId=" + regDeptId;
            }
        </script>
        <script src="./js/main.js?version=1.2.81"></script>
        <script>
            /**
             * Created by petter on 15/11/28.
             */
            function newtable() {
                var win = $(".data-table"),
                    scrollAreaEl = $('.t_r_content'),
                    leftFreezeEl = $('.t_l_freeze'),
                    leftTableEl = leftFreezeEl.find('table'),
                    rightTableEl = $('.t_r_t table');


                //动态计算容器最大高度
                function adjustHeight() {
                    var winHeight = win.height(),
                        tableHeight = winHeight - 30;
                    console.log(tableHeight)
                    leftFreezeEl.height();
                    scrollAreaEl.height(tableHeight);
                }
                // setTimeout(
                //     function(){
                //         adjustHeight()
                //     },2000
                // )
                adjustHeight();
                win.on('resize', adjustHeight);

                //设置iscroll
                var myScroll = new IScroll('.t_r_content', {
                    scrollX: true,
                    scrollY: true,
                    probeType: 3,
                    scrollMove: function(){
                        console.log(111)
                    }
                });
                var event;
                //阻止默认滚动
                scrollAreaEl.on('touchmove mousewheel', function (e) {
                    event = e;
                    e.preventDefault();
                });

                //固定上左表头的滚动
                myScroll.on('scroll', updatePosition);
                myScroll.on('scrollEnd', updatePosition);

                function updatePosition() {
                    console.log(myScroll.y)
                    var a = myScroll.y;
                    var b = myScroll.x;
                    // $(".t_r_t table").css('transform', 'translate(0px, ' + a + 'px) translateZ(0px)');
                    leftTableEl.css('transform', 'translate(0px, ' + a + 'px) translateZ(0px)');
                    rightTableEl.css('transform', 'translate(' + b + 'px, 0px) translateZ(0px)');
                    myScroll.refresh();
                }
            }
        </script>
</body>

</html>